<template>
  <div>
    <a-space fill direction="vertical">
      <a-space class="flex justify-between px-4" fill>
        <div class="text-nowrap">{{ t('背景颜色') }}</div>
        <color-picker v-model="currentShape.bgcolor"></color-picker>
      </a-space>
      <a-space class="flex justify-between px-4" fill>
        <div class="text-nowrap">{{ t('边框颜色') }}</div>
        <color-picker v-model="currentShape.borderColor"></color-picker>
      </a-space>
    </a-space>
  </div>
</template>

<script setup lang="ts">
import { currentShape } from '../../../data/shapes';
const { t } = useI18n();
</script>

<style lang="scss" scoped></style>
